<template>
    <div class="log-wrapper">
        <h5>历史记录</h5>
        <ul>
            <li v-for="(item,index) in logList"
                :key="index">
                <p>{{index+1}}. {{item.createTime}}&nbsp;&nbsp;{{item.content}}</p>
            </li>
        </ul>
    </div>
</template>
<script>
export default {
    props: ["logList"],
    methods: {}
};
</script>
<style lang="scss" scoped>
.log-wrapper {
    padding-top: 30px;
    h5 {
        margin-bottom: 10px;
    }
    & > ul {
        max-height: 200px;
        overflow: auto;
        padding-left: 40px;
        font-size: 12px;

        li {
            line-height: 18px;
            padding-bottom: 10px;
        }
    }
}
</style>


